<div class="inline-drawer">
    <div class="inline-drawer-toggle inline-drawer-header">
        <b data-i18n="Image Auto Generation">Image Auto Generation</b>
        <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
    </div>
    <div class="inline-drawer-content">
        <div class="flex-container flexnowrap">
            <label for="image_generation_insert_type" class="flex1" data-i18n="Image Insert Type">Image Insert Type</label>
            <select id="image_generation_insert_type" class="text_pole widthNatural margin0">
                <option data-i18n="Insert In Current Message" value="inline">Insert In Current Message</option>
                <option data-i18n="Inline Replace Mode" value="replace">Inline Replace Mode</option>
                <option data-i18n="Create New Message" value="new">Create New Message</option>
                <option data-i18n="Disable" value="disabled">Disable</option>
            </select>
        </div>
        <div class="flex-container flexnowrap">
            <label class="checkbox_label" for="prompt_injection_enabled">
                <span data-i18n="Enable Prompt Injection">Enable Prompt Injection</span>
                <input type="checkbox" id="prompt_injection_enabled" class="checkbox">
            </label>
        </div>
        <div class="">
            <div><label for="prompt_injection_text" class="flex1" data-i18n="Prompt Template">Prompt Template</label></div>
            <textarea id="prompt_injection_text" class="text_pole textarea_compact" rows="3" placeholder="Prompt that instruct AI to generate image tag"></textarea>
        </div>
        <div class="">
            <div><label for="prompt_injection_regex" class="flex1" data-i18n="Regex">Regex</label></div>
            <textarea id="prompt_injection_regex" class="text_pole textarea_compact" rows="2" placeholder="Your regex here"></textarea>
        </div>
        <div class="flex-container flexnowrap">
            <label for="prompt_injection_position" class="flex1" data-i18n="Position">Position</label>
            <select id="prompt_injection_position" class="text_pole widthNatural margin0">
                <option value="deep_system" data-i18n="at Depth System">@D ⚙️</option>
                <option value="deep_user" data-i18n="at Depth User">@D 👤</option>
                <option value="deep_assistant" data-i18n="at Depth AI">@D 🤖</option>
            </select>
        </div>
        <div class="flex-container flexnowrap">
            <label for="prompt_injection_depth" class="flex1" data-i18n="Depth">Depth</label>
            <input id="prompt_injection_depth" class="text_pole widthUnset" type="number" min="0" max="100">
        </div>
    </div>
</div> 